<template>
  <el-table
    tooltip-effect="dark"
    :header-cell-style="{
      color: '#131416',
      fontsize: '0.875rem',
      fontWeight: 'Bold',
      fontFamily: 'Microsoft YaHei',
      backgroundColor: '#F8F8F8',
      height: '2.5rem',
    }"
    :row-style="{ height: '3.375rem' }"
    :cell-style="{}"
    :data="allTableData"
    style="
      padding: 1.25rem 0 3.125rem 2rem;
      border-top: 1px solid #e6e6e6;
      border-radius: 2px;
      width: 96rem;
    "
  >
    <el-table-column prop="annotate_data" label="标注数据名">
      <template slot-scope="scope">
        <span>{{ scope.row.operator }}</span>
      </template>
    </el-table-column>
    <el-table-column prop="operator" label="审核人员"> </el-table-column>
    <el-table-column prop="check_time" label="标注时间">
    </el-table-column>
    <el-table-column
      prop="dataset_id"
      label="导入数据集ID"
      show-overflow-tooltip
    >
      <template slot-scope="scope">
        <span>{{ scope.row.dataset_id }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
  export default{
    props: ['id'],
    data(){
      return{
        // 表格数据
        allTableData:[],
      }
    },
    created() {
      this.getTableData(this.id)
    },
    methods:{
       // 获取表格数据
        getTableData(pk) {
            this.$url.get('data/scene/scenereviewrecord/'+pk)
            .then(res => {
               if (res.status === 200) {
                  this.allTableData = res.data.data
                }
            })
            .catch(err=>{
                
            })
        },   
    }
  }

</script>
<style>
.el-tag {
  padding: 0;
  background-color: white;
  border-style: none;
  font-size: 14px;
}
</style>
